<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title></title>
	<link rel="stylesheet" type="text/css" href="css/base.css"/>
	<link rel="stylesheet" type="text/css" href="css/bian_zt.css"/>
	<link rel="stylesheet" href="css/zeroModal.css">
	<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/base.js"></script>
	<script src="js/paging.js"></script>
	<script src="js/zeroModal.min.js"></script>
	<script src="js/jquery.tagsinput-revisited.js"></script>
	<link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/jquery-ui-1.11.0.css">
	<link rel="stylesheet" href="css/jquery.tagsinput-revisited.css" />
	<script src="http://www.jq22.com/jquery/jquery-ui-1.11.0.js"></script>

	<style>
		.divheader >div{
			background:#0073A9;
			color:#fff;
			font-weight: normal;
			height:30px!important;
		}
		.b-t{
			padding:5px;
		}
		.b-c{
			padding:5px;
		}
		.div{
			width:1600px;
			padding:0 5px;
		}
		.page_div {
				margin-top: 20px;
				margin-bottom: 20px;
				font-size: 15px;
				font-family: "microsoft yahei";
				color: #666666;
				margin-right: 10px;
				padding-left: 20px;
				box-sizing: border-box;
			}
			/*
			 * 页数按钮样式
			 */
			
			.page_div a {
				min-width: 30px;
				height: 28px;
				border: 1px solid #dce0e0!important;
				text-align: center;
				margin: 0 4px;
				cursor: pointer;
				line-height: 28px;
				color: #666666;
				font-size: 13px;
				display: inline-block;
			}
			
			#firstPage,
			#lastPage {
				width: 50px;
				color: #0073A9;
				border: 1px solid #0073A9!important;
			}
			
			#prePage,
			#nextPage {
				width: 70px;
				color: #0073A9;
				border: 1px solid #0073A9!important;
			}
			
			.page_div .current {
				background-color: #0073A9;
				border-color: #0073A9;
				color: #FFFFFF;
			}
			
			.totalPages {
				margin: 0 10px;
			}
			
			.totalPages span,
			.totalSize span {
				color: #0073A9;
				margin: 0 5px;
			}

	</style>
</head>
<body>
	<div class="box">
		<!-- 顶部选择 -->
		<div class="b-t">
			<span class="b-t-s tianjia">新增</span>
			<span class="b-t-s xiugai">修改</span>
			<span class="b-t-s btn_sq">删除</span>
			<span class="b-t-s btn_zd">置顶</span>
			<span class="b-t-s btn_zdqx">取消置顶</span>
		</div>
		<!-- 首页 -->
		<div id="shouye" class="shouye">
			<div class="b-c">
				<span class="b-c-s">专题 ID:</span>
				<input class="ztid" type="text" style="width: 5%;border-bottom: 1px solid #a5a2a9;margin-right: 1%;">
				<span class="b-c-s">专题名称:</span>
				<input class="zimc" type="text" style="width: 15%;border-bottom: 1px solid #a5a2a9;margin-right: 1%;">
				<span class="b-c-s r">状态:</span>
				<select style="width: 5%;margin-right: 1%;" class="zt_state">
					<option value="0" ></option>
					<option value="1">待审核</option> 
					 <option value="2" >待发布</option>
					<option value="3" >已发布</option>
					 <option value="10">有更新</option>
					<option value="-1">审核失败</option>
					<option value="-2">撤销发布</option>
				</select>
				<span class="b-c-s r">频道:</span>
				<select style="width:100px;margin-right: 1%;" class="pd_list">
					<option value="">请选择</option>
				</select>
				<button type="button" class="btn btn_s btn_sqs">搜索</button>
			</div>
			<!-- 表格 -->
			<div class="div divheader">
				<div class="b-t-s ww bor">选择</div>
				<div class="b-t-s ww">ID</div>
				<div class="b-t-s ww">标题</div>
				<div class="b-t-s ww">状态</div>
				<div class="b-t-s ww bor">频道</div>
				<div class="b-t-s ww">操作</div>
				<div class="b-t-s ww">置顶</div>
				<div class="b-t-s ww">点击数</div>
				<div class="b-t-s ww">收藏数</div>
				<div class="b-t-s ww">关注数</div>
				<div class="b-t-s ww">转发数</div>
				<div class="b-t-s ww">评论数</div>
				<div class="b-t-s ww">加热数</div>
				<div class="b-t-s ww">降温数</div>
				<div class="b-t-s ww">热度</div>
				<div class="b-t-s ww">创建者</div>
				<div class="b-t-s ww">创建时间</div>
				<div class="b-t-s ww">修改时间</div>
				<div class="b-t-s ww">审核时间</div>
				<div class="b-t-s ww">发布时间</div>
			</div>
			<div class="tab_content">
			</div>
			<!-- 分页 -->
			<div class="page_fen">
				<div value="1 0"></div>
				<div id="page" class="page_div"></div>

			</div>
		</div>
		<!-- 添加 -->
		<div id="xz" class="xz">
			<div class="xz-c a">
				<input type="hidden" class="zdid">
				<span class="b-c-s w">专题名称</span>
				<input type="text" class="t_name" style="width: 60%;margin: 0 1%;border-bottom: 1px solid #a5a2a9;" />
				<input class="i t_top" type="checkbox" />
				<label></label>
				<span class="b-c-s">置顶</span>
			</div>
			<div class="xz-c" style="height: auto;">
				<span class="b-c-s w">简介:</span>
				<textarea class="t_jianjie" style="width: 60%;margin: 0 1%;border-bottom: 1px solid #a5a2a9;height: 70px;"></textarea>
			</div>
			<div class="xz-c" style="height: 160px;">
				<span class="b-c-s w">封面</span>
				<div style="background:#f3f3f3;width: 160px;height: 160px;position: relative;">
					<input type="file" id="file" class="file" style="display:none" accept="image/png,image/jpeg,image/gif" />
					<label for="file"  class="label tu"><img src="./img/tupian.png"
						 class="img0"></label>
				</div>
				<div class="xuan">
					<!-- <input type="checkbox" name="" id="duo" value="" class="i xuan_big" style="margin-right: 2%;" />
					<label for="duo">
						<span class="b-c-s">在APP端显示封面大图</span>
					</label> -->
					APP图片展现类型&nbsp;
					<select class="app_f">
						<option value="1"> 封面 </option>
						<option value="2"> 大图 </option>
						<option value="3"> 三图 </option>
					</select>
				</div>
			</div>
			<div class="xz-c" style="height: 160px;">
				<span class="b-c-s w">封面</span>
				<div style="line-height:160px;background:#f3f3f3;width: 160px;height: 160px;position: relative;">
					<input type="file" id="file1" class="file1" style="display:none" accept="image/png,image/jpeg,image/gif" />
					<label for="file1" class="label tu1"><img src="./img/tupian.png"
						 class="img1"></label>
				</div>
				<div style="line-height:160px;background:#f3f3f3;width: 160px;height: 160px;position: relative;margin-left:2%">
					<input type="file" id="file2" class="file2" style="display:none" accept="image/png,image/jpeg,image/gif" />
					<label for="file2"  class="label tu2"><img src="./img/tupian.png"
						 class="img2"></label>
				</div>
				<div style="display:flex;justify-content: center;line-height:160px;background:#f3f3f3;width: 160px;height: 160px;position: relative;margin-left:2%">
					<input type="file" id="file3" class="file3"style="display:none" accept="image/png,image/jpeg,image/gif" />
					<label for="file3"  class="label tu3"><img src="./img/tupian.png"
						 class="img3"></label>
				</div>
			</div>
			<div class="xz-c" >
				<span class="b-c-s w">初始热度:</span>
				<input type="text" class="rd_m" style="width: 20%;margin: 0 1%;border-bottom: 1px solid #a5a2a9;" placeholder="默认" />
			</div>
			<div class="xz-c" >
				<span class="b-c-s w">标签:</span>
				<input id="form-tags-4" name="tags-4" type="text" value="" class="add_biaoq">
				<!-- <input type="text" class="b_bianqian" style="width: 20%;margin: 0 1%;border-bottom: 1px solid #a5a2a9;" placeholder="" /> -->
				<span class="b-c-s w" style="margin-left:10px;">频道:</span>
				<select style="width: 10%;margin-right: 10%;" class="ad_select">

				</select>
			</div>
			
			<div class="footer">
				<button type="button" class="btn b-r btn_sure ">创建</button>
				<button type="button" class="btn b-r btn_xiugai ">修改</button>
				<button type="button" class="btn quxiao">取消</button>
			</div>
		</div>
		<!-- 添加 -->
	</div>
	<!-- <iframe src="bian_zt_tianjia.html" width="100%" height="100%"></iframe> -->
	<script src="js/bian_zt.js"></script>
</body>
<script>

</script>
</html>